.page{

	padding-bottom: 100rpx;
	
}
.head{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 193.6rpx;
	 
	align-items: center;
	  
	background: url('../../../../static/background.jpg');

	padding: 0 15px;
	.head1{
		  position: fixed;
		  top: 88rpx;
		  left: 0;
		  right: 0;
		  z-index: 999;
		   height: 88rpx;
		   display: flex;
		   align-items: center;
		   
		  
		   text{
		   		  font-size: 30rpx;
				  font-weight: bold;
		   }
		   text:first-child{z-index: 999;
		   		  margin-left: 30rpx;
				   font-size: 30rpx;
		   }
	  }
	  
}
.main{
	position: relative;
	top: 193.6rpx;
	margin-bottom: 150rpx;
	padding: 0 13.95rpx;
	.menu{
		margin-top: 17.44rpx;
		margin-bottom: 13rpx;
		display: flex;
		.title {
		   width: 83.72rpx;
		   height: 26.16rpx;
		 
		   font-size: 20.93rpx;
		   font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
		   font-weight: 700;
		   text-align: left;
		   color: #000000;
		 margin-right: 17.44rpx;
		    cursor: pointer;
		    /* 可以根据需要设置其他样式 */
		}
		
		.selected {
		width: 83.72rpx;
		
		border-bottom: 3.49rpx solid #43d534;
		}
	}
	.detail{
		padding: 19.9rpx;
		background: #ffffff;
		border-radius: 10.47rpx;
		box-shadow: 0rpx 0rpx 10.47rpx 0rpx rgba(0,0,0,0.16); 
		.item{
			display: flex;
			margin-bottom: 20.93rpx;
			image{
				width: 101.16rpx;
				height: 101.16rpx;
				background: rgba(0,0,0,0.00);
				margin-right: 26.67rpx;
			}
			.detail1{
				width: 85%;
				
				border-bottom: 0.87rpx solid #bcbcbc;
				.top{
					display: flex;
					justify-content: space-between;
					.title{
				 white-space: nowrap;        
				  overflow: hidden;         
				  text-overflow: ellipsis;    
				  display: inline-block;  
					height: 36.63rpx;
					font-size: 29.65rpx;
					font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
					font-weight: 700;
					text-align: left;
					color: #000000;	
					}
					.detail2{
						display: flex;
					
						.now {
							position: relative;
							display: flex;
							flex-direction: row; /* 让元素垂直排列 */
							justify-content: flex-end; /* 使.title1靠近底部 */
							align-items: center; /* 使.nowPrice水平居中 */
							width: 106.4rpx;
							height: 36.63rpx;
							.title1 {
								font-size: 13rpx;
								font-family: Yu Gothic UI, Yu Gothic UI-Regular;
								font-weight: 400;
								color: #f94a15;
							}
							
							.nowPrice {
								font-size: 20.9rpx;
								font-family: Yu Gothic UI, Yu Gothic UI-Bold;
								font-weight: 700;
								color: #f94a15;
							}
						}
						.integral{
							width: 95.93rpx;
							height: 34.88rpx;
							line-height: 34.88rpx;
							background: #43d534;
							border: 1.74rpx solid #43d534;
							border-radius: 6.98rpx;
							margin: 0 6.98rpx;
							
							font-size: 20.93rpx;
							font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
							font-weight: 700;
							
							color: #ffffff;
						}
						

						
						.price {
						    position: relative;
						    display: inline-block;
							line-height: 26.16rpx;
							height: 24.42rpx;
							font-size: 17.44rpx;
							font-family: Yu Gothic UI, Yu Gothic UI-Semilight;
							font-weight: 350;
							text-align: left;
							color: #646464;
						}
						
						.price::before {
						    content: "";
						    position: absolute;
						    top: 50%; /* 使横线位于文本的中间 */
						    left: 0;
						    width: 100%;
						    border-top: 1px solid #646464; /* 横线的样式，可以根据需求调整 */
						}
					}
				}
				.bottom{
					display: flex;
					justify-content: space-between;
						text-align: right;
					margin: 29.3rpx 0 0 0;
					.specification{
						
						height: 26.16rpx;
						font-size: 20.93rpx;
						font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
						font-weight: 700;
					
						color: #000000;
					}
					
				}
			}
		}
	}
}
